<template>
  <div>
    <ms-blockTip>富文本编辑器</ms-blockTip>
    <tinyme-editor />
    <!-- <ms-editor editor-id="id1" v-model="html" @json="handleGetJson"/>
    <el-row :gutter="20">
      <el-col :span="12">
        <ms-card title="显示效果">
          <div v-html="html" style="word-break: break-all;" />
        </ms-card>
      </el-col>
      <el-col :span="12">
        <ms-card title="json效果">
          <div v-html="json" style="word-break: break-all;" />
        </ms-card>
      </el-col>
    </el-row> -->
  </div>
</template>

<script>
import TinymeEditor from './components/'
// import MsEditor from './components'
// import MsCard from '@/common/card/components'
import MsBlockTip from '@/common/blockTip'
export default {
  components: {
    // MsEditor,
    // MsCard,
    MsBlockTip,
    TinymeEditor
  },
  data() {
    return {
      html: '',
      json: ''
    }
  },
  methods: {
    handleGetJson(val) {
      this.json = JSON.stringify(val)
    }
  }
}
</script>
